<%@ include file="/common/taglibs.jsp"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<head>

	<script type="text/javascript"
		src="<c:url value='/ext/scripts/index/tab.js'/>">
</script>
	<link rel="stylesheet" type="text/css" media="all"
		href="<c:url value='/ext/styles/content/content.css'/>" />

	<link rel="stylesheet" type="text/css"
		href="<c:url value='/ext/map/map.css'/>">

	<script type="text/javascript"
		src="<c:url value='/ext/map/config.js'/>">
</script>
	<script type="text/javascript"
		src="<c:url value='/ext/map/lib/OpenLayers.js'/>">
</script>
	<script type="text/javascript"
		src="<c:url value='/ext/map/map_init.js'/>">
</script>
	<script type="text/javascript"
		src="<c:url value='/ext/scripts/dataquery/querydata.js'/>">
</script>
	<script type="text/javascript"
		src="<c:url value='/ext/scripts/dataquery/toOrder.js'/>">
</script>
	<script type="text/javascript"
		src="<c:url value='/ext/scripts/dataquery/validateQuery.js'/>">
</script>
	<script type="text/javascript"
		src="<c:url value='/ext/scripts/dataquery/changeAdmin.js'/>">
</script>
	<script type="text/javascript"
		src="<c:url value='/ext/scripts/dataquery/changeDimensional.js'/>">
</script>
	<script type="text/javascript"
		src="<c:url value='/ext/scripts/map3d/map3d.js'/>">
</script>

</head>
<script type="text/javascript">
var validate = [];
var dimensional;
window.onload = function() {
	init();
	onInit();//初始化三维地图 

}
jQuery(document).ready(function() {
	//alert(jQuery("div[class='olControlDrawFeaturePolygonchangeItemInactive']"));
	
	
	
	
	dimensional = jQuery("#change2dto3d").val();//设置2d3d的状态
	var pleaseselect= '<fmt:message key = "country.select.please"/>';
	jQuery("#national").change(function(){
		
		
		
		var national = jQuery("#national").val();
		getPolygonList(national,"national");
		
		jQuery("#county option[id='old']").remove(); //删 除Select的Option
		jQuery("#county").append(
				"<option id='old' value='county' >"+pleaseselect+"</option>");//拼一个空值 ch
		
		changenational(national,pleaseselect);
	});
	jQuery("#province").change(function(){
		var province = jQuery("#province").val();
		getPolygonList(province,"province");
		changeprovince(province,pleaseselect);
	});
	jQuery("#county").change(function(){
		var province = jQuery("#county").val();
		getPolygonList(province,"county");
	});
	
	
	
	
	validate.push("<fmt:message key = "validate.buyed"/>");//1.已订购
	validate.push("<fmt:message key = "validate.buyorder.success"/>");//2.订购成功！
	validate.push("<fmt:message key = "validate.buyorder.fail"/>");//3.订购失败！
	validate.push("<fmt:message key = "vaildate.input.error"/>");//4.输入有误！
	validate.push("<fmt:message key = "vaildate.input.error"/>");//5.输入有误！
	validate.push("<fmt:message key = "vaildate.inputdata.error"/>");//6.输入的数字有误
	validate.push("<fmt:message key = "vaildate.pageout"/>");//7.超出页数
	validate.push("<fmt:message key = "vaildate.page.lessthenone"/>");//8.页数不能少于1
	validate.push("<fmt:message key = "vaildate.topleftlat.notnull"/>");//9.左上角经度不能为空
	validate.push("<fmt:message key = "vaildate.topleftlong.notnull"/>");//10.左上角纬度不能为空
	validate.push("<fmt:message key = "vaildate.bottomrightlong.notnull"/>");//11.右下角经度不能为空
	validate.push("<fmt:message key = "vaildate.bottomrightlat.notnull"/>");//12右下角纬度不能为空
	//validate.push("<fmt:message key = "vaildate.cloud.iserror"/>");//13云盖必须为整形
	validate.push("<fmt:message key = "vaildate.gsd.iserror"/>");//14分辨率必须为数字
	validate.push("<fmt:message key = "vaildate.topleftlat.error"/>");//15左上角经度有误
	validate.push("<fmt:message key = "vaildate.topleftlong.error"/>");//16左上角纬度有误
	validate.push("<fmt:message key = "vaildate.bottomrightlong.error"/>");//17右下角经度有误
	validate.push("<fmt:message key = "vaildate.bottomrightlat.error"/>");//18右下角纬度有误
	validate.push("<fmt:message key = "vaildate.topleftlong.bottomright"/>");//19左上角经度必须比右下角经度小
	validate.push("<fmt:message key = "vaildate.topleftlat.bottomright"/>");//20左上角纬度必须比右下角纬度大
	
	
	jQuery("#tz").val(1);
	jQuery("div[class='olControlDrawFeaturePolygonchangeItemInactive']").attr("title", "<fmt:message key = "productsearch.rectangle"/>");
	
	jQuery("div[class='olControlDrawFeaturePolygonItemInactive']").attr("title", "<fmt:message key = "productsearch.polygon"/>");
	
	jQuery("div[class='olControlDrawFeaturePointItemInactive']").attr("title", "<fmt:message key = "productsearch.spot"/>");
	
	jQuery("div[class='olControlNavigationItemActive']").attr("title", "<fmt:message key = "productsearch.control"/>");
});
function hiddenselectconbyid(id) {
	var str = document.getElementById(id);
	if (str.style.display == 'none') {
		str.style.display = '';
	} else {
		str.style.display = 'none';
	}
}
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

	<tr valign="top">
		<td width="300" style="width: 300px;">
			<input type="hidden" id="change2dto3d" value="2d" />
			<div class="side_biao">
				<div class="r">
					<a onfocus="this.blur()" href="###" name="tab" id="tab1"
						onclick="changeTo2D(this.id,this.name)"><span><font>
								<fmt:message key="productsearch.2dinquires" /> </font> </span> </a>
					<%--<a onfocus="this.blur()" href="###" id="tab2" name="tab"
						onclick="changeTo3D(this.id,this.name)"><span><font><fmt:message
									key="productsearch.3dinquires" /> </font> </span> </a>--%>
				</div>
			</div>
			<div class="tab2">
				<div class="box" id="tab1_con">					
					<div class="search_con2">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th>
									<fmt:message key="productsearch.TypeProduct" />
								</th>
								<td>
									<select id='productlevelSelect'>
										<option value='0'>
											正摄影像
										</option>
										<option value='1'>
											卫星立体影像
										</option>
										<option value='2'>
											航空面阵立体影像
										</option>
										<option value='3'>
											航空线阵立体影像
										</option>
									</select>
								</td>
							</tr>
							<tr>
								<th>
									<fmt:message key="productsearch.ProductColour" />
								</th>
								<td>
									<select id='productColourSelect'>
										<option value='0'>
											全色
										</option>
										<option value='1'>
											彩色
										</option>
										<option value='2'>
											Sar
										</option>
									</select>
								</td>
							</tr>
							<tr>
								<th>
									<fmt:message key="productsearch.gsd" />
									(
									<fmt:message key="productsearch.metre" />
									)&nbsp;&nbsp;&nbsp;
								</th>
								<td>
									<input id="imagegsd" name="imagegsd" type="text" class="text" />
								</td>
							</tr>
							<tr>

								<th>
									<fmt:message key="productsearch.obsdate" />
								</th>
								<td>
									<input id="scenedatestart" name="scenedatestart" type="text"
										class="Wdate" style="width:60px"
										onclick="WdatePicker({dateFmt:'yyyy-MM-dd ',lang:'${lang}'})" />
									&nbsp;-

									<input id="scenedateend" name="scenedateend" type="text"
										class="Wdate" style="width: 60px"
										onclick="WdatePicker({dateFmt:'yyyy-MM-dd ',lang:'${lang}'})" />

								</td>
							</tr>							
							<%--<tr>
								<th>
									<fmt:message key="productsearch.cloudpercent" />
									&nbsp;&nbsp; <=
								</th>
								<td>
									<input id="cloudpercent" name="cloudpercent" type="text"
										class="text" />
								</td>
							</tr>--%>
							<tr>
								<th>
									<fmt:message key="productsearch.Scale" />
									&nbsp;&nbsp;&nbsp;
								</th>

								<td>
									<select id="overalldataquality" name="overalldataquality"
										style="width: 86px">
										<option value='10000'>
											1:10000
										</option>
										<option value='25000'>
											1:25000
										</option>
										<option value='50000'>
											1:50000
										</option>
										<option value='100000'>
											1:100000
										</option>
										<option value='250000'>
											1:250000
										</option>
										<option value='500000'>
											1:500000
										</option>
										<option value='1000000'>
											1:1000000
										</option>
										<option value='-32767'>
											自由分幅
										</option>
									</select>
								</td>
							</tr>
							<%--								<tr>--%>
							<%--									<th>--%>
							<%--										Orbit Direction--%>
							<%--									</th>--%>
							<%--									<td>--%>
							<%--										<select style="width: 86px">--%>
							<%----%>
							<%----%>
							<%--										</select>--%>
							<%--									</td>--%>
							<%--								</tr>--%>
						</table>
					</div>
					<div class="bj_biao">
						<a onfocus="this.blur()" href="###" class="on" name="qhb"
							id="qhb1" onclick="changeMethod(this.id,this.name,'long')"> <span><font><fmt:message
										key="productsearch.Longitude" /> </font> </span> </a>
						<a onfocus="this.blur()" href="###" name="qhb" id="qhb2"
							onclick="changeMethod(this.id,this.name,'national')"> <span><font><fmt:message
										key="productsearch.Administrat" /> </font> </span> </a>
					</div>
					<div class="center_box">

						<div class="search_con3" id="qhb1_con">
							<div id="3dbutton" style="display: none;">
								<input type="button" class="btn_select" value="矩形选择"
									onclick="RectangleQuery_Click()" />
								<%--								<input type="button" class="btn_select" value="画矩形"--%>
								<%--									onclick="poly()" />--%>
								<%--								<input type="button" class="btn_select" value="全屏"--%>
								<%--									onclick="fullWindow()" />--%>

							</div>
							<table width="90%" border="0" cellspacing="0" cellpadding="0">
								<tr height="34">
									<th>
										<fmt:message key="productsearch.upperllong" />
										:
									</th>
									<td>
										<input name="leftTlong" id="leftTlong" size="5" />

									</td>
									<th>
										<fmt:message key="productsearch.upperllat" />
										:
									</th>
									<td>

										<input name="rightBlat" id="rightBlat" size="5" />
									</td>

								</tr>
								<tr>
									<th>
										<fmt:message key="productsearch.lowrlong" />
										:
									</th>
									<td>
										<input name="rightBlong" id="rightBlong" size="5" />

									</td>
									<th>
										<fmt:message key="productsearch.lowrlat" />
										:
									</th>
									<td>

										<input name="leftTlat" id="leftTlat" size="5" />
									</td>
								</tr>
							</table>
						</div>
						<div class="search_con3" id="qhb2_con" style="display: none;">
							<table width="90%" border="0" cellspacing="0" cellpadding="0">
								<tr height="32">
									<th>
										<fmt:message key="productsearch.national" />
									</th>
									<td>
										<select id="national" name="">
											<option value='world'>
												<fmt:message key="country.select.please" />
											</option>
											<c:forEach var="model" items="${nationalList}">

												<c:if test="${systemlanguage=='ZH_CN'}">
													<option value='${model.nationalid}'>
														${model.nationalname}
													</option>
												</c:if>
												<c:if test="${systemlanguage=='EN'}">
													<option value='${model.nationalid}'>
														${model.nationalenname}
													</option>
												</c:if>

											</c:forEach>

										</select>
									</td>

									<th>
										<fmt:message key="productsearch.province" />
									</th>
									<td>
										<select id="province" name="">
											<option id='old' value='province'>
												<fmt:message key="country.select.please" />
											</option>

										</select>
									</td>
								</tr>
								<tr>
									<th>
										<fmt:message key="productsearch.county" />
									</th>
									<td>
										<select id="county" name="">
											<option id='old' value='county'>
												<fmt:message key="country.select.please" />
											</option>


										</select>
									</td>
								</tr>
							</table>
						</div>
					</div>




					<%--<div class="bj_biao">
						<fmt:message key="productsearch.satellite" />
						/
						<fmt:message key="productsearch.sensor" />
					</div>
					<div class="search_con1">
						<c:forEach var="s" items="${satellite}">
							<div onclick="hiddenselectconbyid('${s.key}');">
								<img src="${ctx}/ext/images/jia.gif" />
								${s.key}
							</div>
							<div id="${s.key}" class="box4" style="display: none;">
								<c:forEach var="ss" items="${s.value}" varStatus="k">
									<c:if test="${not empty ss}">
										<input id="satellite${s.key}_${ss}" type="checkbox"
											value='${s.key}_${ss}' />
												${ss}
									</c:if>
									<c:if test="${(k.index+1)%5==0}">
										</br>
									</c:if>
								</c:forEach>
							</div>
						</c:forEach>
					</div>--%>

					<table width="100%" border="0" cellspacing="3" cellpadding="0">
						<tr height="40">
							<td>
								<input id="searchby2d" name="long" type="button"
									class="btn_search2" onclick="addList('search')" />
							</td>
							<%--								<td class="blue">--%>
							<%--									<fmt:message key ="productsearch.repuestmax"/>(10000)--%>
							<%--									<br />--%>
							<%--									<fmt:message key="productsearch.modestandard"/>--%>
							<%--								</td>--%>

						</tr>
					</table>


				</div>
				<div class="box" id="tab2_con" style="display: none;">
					<input type="button" class="btn_select" value="selecting" />

				</div>
			</div>
		</td>
		<td width="5" valign="middle"></td>
		<td class="center_box">
			<div class="gis">
				<div style="height: 450px;" id="map" class="smallmap"></div>
				<div style="height: 450px; display: none;" id="map3d"
					class="smallmap">

					<applet id="wwjApplet"
						code="org.jdesktop.applet.util.JNLPAppletLauncher" width="1000px;"
						height="450px;"
						archive="http://192.168.13.22:8888/zwind/ext/lib/WWJApplet.jar,http://192.168.13.22:8888/zwind/ext/lib/applet-launcher.jar,http://192.168.13.22:8888/zwind/ext/lib/worldwind.jar,http://192.168.13.22:8888/zwind/ext/lib/jogl/jogl.jar,http://192.168.13.22:8888/zwind/ext/lib/gluegen/gluegen-rt.jar">
						<param name="jnlp_href"
							value="http://192.168.13.22:8888/zwind/ext/lib/WWJApplet.jnlp">
						<param name="codebase_lookup" value="false">
						<param name="subapplet.classname"
							value="gov.nasa.worldwindx.examples.applet.WWJApplet">
						<param name="subapplet.displayname" value="WWJ Applet">
						<param name="noddraw.check" value="true">
						<param name="progressbar" value="true">
						<param name="jnlpNumExtensions" value="1">
						<param name="jnlpExtension1"
							value="http://192.168.13.22:8888/zwind/ext/lib/jogl/jogl.jnlp">
						<param name="leftdownlat" value=title>
					</applet>

				</div>
			</div>


			<div class="side_biao">
				<div class="l">
					<div class="r">
						<h4>
							<fmt:message key="productsearch.searchresults" />
						</h4>
					</div>
				</div>
			</div>

			<div class="center_con">
				<table width="98%" border="0" cellspacing="0" cellpadding="0"
					class="gn">
					<tr height="30">
						<td align="left">
							<input name="" type="button" class="btn_blue2"
								value="<fmt:message key="productsearch.allcover"/>"
								onclick="getAllDataToMap()" />
							<input name="" type="submit" class="btn_blue2"
								value="<fmt:message key="productsearch.productorder"/>"
								onclick="submitOrder()" />
							<font><fmt:message key="productsearch.findalldata" /> <input
									type="text" id="alldatas"
									style="border: 0px; BACKGROUND-COLOR: Transparent;"
									value="${pagesizes}" size="3" readonly /> <fmt:message
									key="productsearch.tiao" /> </font>
						</td>
						<td align="right">

							<input type="hidden" id="alldata" name="alldata"
								value="${pagesizes}" />
							<input type="hidden" id="allpage" name="allpage"
								value="${allpage}" />


							<font><fmt:message key="productsearch.allpage" /> ：<input
									type="text" id="allpages"
									style="border: 0px; BACKGROUND-COLOR: Transparent;"
									value="${allpage}" size="2" readonly /> </font>
							<img onclick="pageGo(1);" src="${ctx}/ext/images/page_tl.gif" />
							<c:if test="${language4img eq 'zh_CN'}">
								<img onclick="pageGoup();" src="${ctx}/ext/images/page_lc.gif" />
							</c:if>
							<c:if test="${language4img eq 'en'}">
								<img onclick="pageGoup();" src="${ctx}/ext/images/page_l.gif" />
							</c:if>


							<c:if test="${language4img eq 'zh_CN'}">
								<img onclick="pageGodown();" src="${ctx}/ext/images/page_rc.gif" />
							</c:if>
							<c:if test="${language4img eq 'en'}">
								<img onclick="pageGodown();" src="${ctx}/ext/images/page_r.gif" />
							</c:if>
							<img onclick="pageGo('all');" src="${ctx}/ext/images/page_tr.gif" />
							<input name="tz" id="tz" type="text" class="page" size='3' />
							<img src="${ctx}/ext/images/page_go.gif" onclick="pageGoThis();" />
						</td>
					</tr>
				</table>
				<div class="table_box">
					<table id="testTable" width="100%" border="0" cellspacing="0"
						cellpadding="0">

						<tr>
							<th>
								<input id='checkbox' name="" onclick="selectAll()"
									type="checkbox" value="" />
							</th>
							<%--							<th>--%>
							<%--								贴图--%>
							<%--							</th>--%>
							<th>
								<fmt:message key="productsearch.TypeProduct" />
							</th>
							<th>
								<fmt:message key="productsearch.ProductColour" />
							</th>
							<th>
								<fmt:message key="productsearch.Scale" />
							</th>
							<th>
								<fmt:message key="productsearch.gsd" />
							</th>
							<th>
								<fmt:message key="productsearch.scenedate" />
							</th>

							<th>
								<fmt:message key="productsearch.centerlongitude" />
							</th>
							<th>
								<fmt:message key="productsearch.centerlatitude" />
							</th>
							<th>
								<fmt:message key="productsearch.topleftlatitude" />
							</th>
							<th>
								<fmt:message key="productsearch.topleftlongitude" />
							</th>
							<th>
								<fmt:message key="productsearch.bottomrightlatitude" />
							</th>
							<th>
								<fmt:message key="productsearch.bottomrightlongitude" />
							</th>
						</tr>
						<%--						<tr align="center" onmouseover="this.className='red'"--%>
						<%--							onmouseout="this.className=' '">--%>
						<%--							<td>--%>
						<%--								<input name="" type="checkbox" value="" />--%>
						<%--							</td>--%>
						<%--							<td>--%>
						<%--								<img src="${ctx}/ext/images/lan.gif" />--%>
						<%--								PRISM--%>
						<%--							</td>--%>
						<%--							<td>--%>
						<%--								ALPSMND121--%>
						<%--							</td>--%>
						<%----%>
						<%--							<td>--%>
						<%--								1--%>
						<%--							</td>--%>
						<%--							<td>--%>
						<%--								2245--%>
						<%--							</td>--%>
						<%--							<td>--%>
						<%--								11/06/15--%>
						<%--							</td>--%>
						<%--							<td>--%>
						<%--								3-10%--%>
						<%--							</td>--%>
						<%--							<td>--%>
						<%--								-1.2?--%>
						<%--							</td>--%>
						<%--						</tr>--%>



					</table>

				</div>
			</div>
			<div class="box2_di">
				<div class="l">
					<div class="r"></div>
				</div>
			</div>
		</td>
		<td width="6"></td>
		<td width="222" style="width: 222px;">
			<div class="side_biao">
				<div class="l">
					<div class="r">
						<h4>
							<fmt:message key="productsearch.scenedetail" />
						</h4>
					</div>
				</div>
			</div>

			<div class="box2">
				<%--				<div class="print">--%>
				<%--					<a href="#"><img src="${ctx}/ext/images/print.gif" /> </a>--%>
				<%--				</div>--%>
				<%--				<div class="check">--%>
				<%--					shift check--%>
				<%--				</div>--%>
				<input id="thumbfilelocationvalue" type="hidden" />
				<table width="197" border="0" cellspacing="1" cellpadding="0"
					class="table_r">


					<tr style='width: 100px;'>
						<td>
							<fmt:message key="productsearch.productid" />
						</td>
						<td id='productidvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.sceneid" />
						</td>
						<td id='sceneidvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.productdate" />
						</td>
						<td id='productdatevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.mapprojection" />
						</td>
						<td id='mapprojectionvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.producttype" />
						</td>
						<td id='producttypevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.earthmodel" />
						</td>
						<td id='earthmodelvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.sensorid" />
						</td>
						<td id='sensoridvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.satelliteid" />
						</td>
						<td id='satelliteidvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.receivestationid" />
						</td>
						<td id='receivestationidvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.receivetime" />
						</td>
						<td id='receivetimevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.orbittype" />
						</td>
						<td id='orbittypevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.atttype" />
						</td>
						<td id='atttypevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.stripid" />
						</td>
						<td id='stripidvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.producetype" />
						</td>
						<td id='producetypevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.productlevel" />
						</td>
						<td id='productlevelvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.productformat" />
						</td>
						<td id='productformatvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.scenedate" />
						</td>
						<td id='scenedatevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.bandnumber" />
						</td>
						<td id='bandnumbervalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.scenepath" />
						</td>
						<td id='scenepathvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.scenerow" />
						</td>
						<td id='scenerowvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.satpath" />
						</td>
						<td id='satpathvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.satrow" />
						</td>
						<td id='satrowvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.scenecount" />
						</td>
						<td id='scenecountvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.sceneshift" />
						</td>
						<td id='sceneshiftvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.starttime" />
						</td>
						<td id='starttimevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.endtime" />
						</td>
						<td id='endtimevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.centertime" />
						</td>
						<td id='centertimevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.startline" />
						</td>
						<td id='startlinevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.endline" />
						</td>
						<td id='endlinevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.imagegsd" />
						</td>
						<td id='imagegsdvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.widthinpixels" />
						</td>
						<td id='widthinpixelsvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.heightinpixels" />
						</td>
						<td id='heightinpixelsvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.widthinmeters" />
						</td>
						<td id='widthinmetersvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.heightinmeters" />
						</td>
						<td id='heightinmetersvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.regionname" />
						</td>
						<td id='regionnamevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.cloudpercent" />
						</td>
						<td id='cloudpercentvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.datasize" />
						</td>
						<td id='datasizevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.rollviewingangle" />
						</td>
						<td id='rollviewinganglevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.pitchviewingangle" />
						</td>
						<td id='pitchviewinganglevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.rollsatelliteangle" />
						</td>
						<td id='rollsatelliteanglevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.pitchsatelliteangle" />
						</td>
						<td id='pitchsatelliteanglevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.yawsatelliteangle" />
						</td>
						<td id='yawsatelliteanglevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.solarazimuth" />
						</td>
						<td id='solarazimuthvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.solarzenith" />
						</td>
						<td id='solarzenithvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.satelliteazimuth" />
						</td>
						<td id='satelliteazimuthvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.satellitezenith" />
						</td>
						<td id='satellitezenithvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.gainmode" />
						</td>
						<td id='gainmodevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.integrationtime" />
						</td>
						<td id='integrationtimevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.integrationlevel" />
						</td>
						<td id='integrationlevelvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.earthellipsoid" />
						</td>
						<td id='earthellipsoidvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.zoneno" />
						</td>
						<td id='zonenovalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.resamplingkernel" />
						</td>
						<td id='resamplingkernelvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.heightmode" />
						</td>
						<td id='heightmodevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.ephemerisdata" />
						</td>
						<td id='ephemerisdatavalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.attitudedata" />
						</td>
						<td id='attitudedatavalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.radiometricmethod" />
						</td>
						<td id='radiometricmethodvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.mtfcorrection" />
						</td>
						<td id='mtfcorrectionvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.denoise" />
						</td>
						<td id='denoisevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.rayleighcorrection" />
						</td>
						<td id='rayleighcorrectionvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.usedgcpno" />
						</td>
						<td id='usedgcpnovalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.centerlatitude" />
						</td>
						<td id='centerlatitudevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.centerlongitude" />
						</td>
						<td id='centerlongitudevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.topleftlatitude" />
						</td>
						<td id='topleftlatitudevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.topleftlongitude" />
						</td>
						<td id='topleftlongitudevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.toprightlatitude" />
						</td>
						<td id='toprightlatitudevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.toprightlongitude" />
						</td>
						<td id='toprightlongitudevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.bottomrightlatitude" />
						</td>
						<td id='bottomrightlatitudevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.bottomrightlongitude" />
						</td>
						<td id='bottomrightlongitudevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.bottomleftlatitude" />
						</td>
						<td id='bottomleftlatitudevalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.bottomleftlongitude" />
						</td>
						<td id='bottomleftlongitudevalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.topleftmapx" />
						</td>
						<td id='topleftmapxvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.topleftmapy" />
						</td>
						<td id='topleftmapyvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.toprightmapx" />
						</td>
						<td id='toprightmapxvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.toprightmapy" />
						</td>
						<td id='toprightmapyvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.bottomrightmapx" />
						</td>
						<td id='bottomrightmapxvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.bottomrightmapy" />
						</td>
						<td id='bottomrightmapyvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.bottomleftmapx" />
						</td>
						<td id='bottomleftmapxvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.bottomleftmapy" />
						</td>
						<td id='bottomleftmapyvalue'></td>
					</tr>
					<tr>
						<td>
							<fmt:message key="productsearch.orbitid" />
						</td>
						<td id='orbitidvalue'></td>
					</tr>
					<tr class="blue">
						<td>
							<fmt:message key="productsearch.overalldataquality" />
						</td>
						<td id='overalldataqualityvalue'></td>
					</tr>
					<%--										<tr>--%>
					<%--											<td>--%>
					<%--												thumbfilelocation--%>
					<%--											</td>--%>
					<%--											<td id='thumbfilelocationvalue'></td>--%>
					<%--										</tr>--%>
				</table>

			</div>
			<div class="box2_di">
				<div class="l">
					<div class="r"></div>
				</div>
			</div>
		</td>
	</tr>
</table>

<%--<script--%>
<%--	src="http://192.168.200.215:8091/geoserver/topp/ows?service=WFS&amp;version=1.0.0&amp;request=GetFeature&amp;typename=topp:world&amp;outputFormat=json&amp;format_options=callback:loadWorldFeatures"--%>
<%--	type="text/javascript">--%>
<%--</script>--%>
<%--<script--%>
<%--	src="http://172.16.16.22:8080/geoserver/topp/ows?service=WFS&version=1.0.0&request=GetFeature&typename=topp:APSCO_GEO_STATES&outputFormat=json&format_options=callback:loadStatesFeatures"--%>
<%--	type="text/javascript">--%>
<%--</script>--%>

<%--<script--%>
<%--	src="http://192.168.200.215:8091/geoserver/topp/ows?service=WFS&amp;version=1.0.0&amp;request=GetFeature&amp;typename=topp:APSCO_GEO_TOWN&amp;outputFormat=json&amp;format_options=callback:loadTownFeatures"--%>
<%--	type="text/javascript">--%>
<%--</script>--%>

<%--http://192.168.200.215:8091/geoserver/topp/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=topp:APSCO_GEO_STATES&maxFeatures=50&format_options=callback:loadFeatures--%>